/*body{
	background: url(../../images/back_img.png);
	background-size: cover;
}*/
.main{
	width: 100%;
	height: 100%!important;
  background-color: #fff!important;
  overflow: hidden;
}
.main-swiper {
	width: 100%;
  height: 100%;
}
/*.loading {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 180%;
}*/
.main-swiper {
	width: 100%;
	height: 100%;
}
.bgm {
	position: absolute;
	right: 1rem;
	/*top: 1rem;*/
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
}
.bgm video{
	height: 0;
	display: none;
}
/*-----------------------------------------*/
.overlay{ /*半透明遮罩*/
	background: #000;
	opacity: 0.5;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.mask-content{
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
	margin:auto;
	width: 80%;
	height: 20%;
	z-index: 120;
	background: #fff;
	text-align: center;
	font-size: 2em;
	box-shadow: 30px 30px 100px #888888;
}
.over{
	overflow: auto;
}
.span-div{
	overflow: hidden;
	text-align: center;
	font-size: 1.5em;
}
.span-div0{
	overflow: hidden;
}
.span-middle{
	display: inline-block;
	width: 1px;
	height: 100%;
	vertical-align: middle;
}
.span-img{
	vertical-align: middle;
}
.left{
	text-align: left!important;
}
.center{
	text-align: center;
}
.gray-blank{
	height: 15px;
	background: #ccc;
	width: 100%;
}
.gray-blank0{
	height: 15px;
	background: #ccc;
	width: 90%;
	margin-left: 5%;
}
.fff{
	color: #fff;
}
.gray{
	width:100%;
	height: 100%;
	background: #ccc;
}
.white{
	width: 100%;
	height: 100%;
	background: #fff;
}
.noborder{
	border-style: none;
}
.sizes{
	font-size: 0.8em;
}
.big{
	font-size: 1.7em;
}
.biger{
	font-size: 2em;
}
.blue{
	color: #369;
	border-style: none;
	font-weight: bolder;
}